<template>
    <section class="home-statistic">
        <div v-for="(item,index) in list" :key="index" class="statistic-item">
            <div class="x-number">
                {{item.value.toLocaleString()}}
            </div>
            <div class="x-label">
                {{item.text}}
            </div>
        </div>
    </section>
</template>

<script>

export default {
    name: 'HomeStatistic',
    data() {
        return {
            list: [
                {
                    text: '新增客户数',
                    value: 230
                },
                {
                    text: '业绩总额',
                    value: 4500
                },
                {
                    text: '成交单数',
                    value: 212
                },
            ]
        };
    },
    computed: {
    }
};
</script>

<style lang="scss" scoped>
    .home-statistic {
        box-sizing: border-box;
        margin-top: 0.12rem;
        height:1.28rem;
        color: #0076FF;
        background: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .statistic-item {
            width:33%;
            text-align: center;
        }
        .x-number {
            font-size: 0.32rem;
        }
        .x-label {
            color: #bbbbbb;
            font-size: 0.24rem;
        }
    }
</style>